<template>
  <div class="home">
    <!-- 顶部导航组件 -->
    <top-nav></top-nav>
    <!-- 轮播组件 -->
    <Swipe></Swipe>
    <!-- 图标组件 -->
    <IconList></IconList>
    <!-- 歌单推荐模块 -->
    <MusicList></MusicList>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
    <div>1</div>
  </div>
</template>

<script>
// @ is an alias to /src
import TopNav from "@/components/topNav/topNav.vue";
import Swipe from "./swipe/swipe";
import IconList from "./iconList/iconList.vue" 
import MusicList from "./musicList/musicList.vue"

export default {
  name: "Home",
  data() {
    return {};
  },
  components: {
    TopNav,
    Swipe,
    IconList,
    MusicList
    
  },
};
</script>

<style lang="less" scoped>
.home{
  background-color: #f4f4f4;
}
</style>
